<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>10-样式优先级-node</title>
		<link rel="stylesheet" href="../css/node-public.css">
	</head>
	<body>
		
		<div id="box">
			<h1>10-样式优先级-node</h1>
			<a href="../confused is Blog/confused is Blog.html">首页</a>
		</div>
		<div id="main-box">
			<ul>
				<li>
					<h2>样式优先级1</h2>
					<span>id   >  class >  tag   >  *
			同等级选择器后面的优先级更高
			钻石卡    黄金卡    白银卡   铜卡
			
			比类型个数：
				比ID个数，
				比class，
				比标签
				
			同等级的时候，后面的选择器优先级比前面的要高


			在IE低版本里，256个标签可以干掉一个class   所有加冒号的选择器，优先级  =  一个class</span>
				</li>
				<li>
					<h2>样式优先级2</h2>
					<span>style="background-color:#00ff66;"
		就近原则：
			谁离标签更近，谁的样式优先级更高

			行内样式  >  内部样式 = 外部样式  
			!important   提升优先级为最高的
					</span>
				</li>
				<li>
					<h2>圆角</h2>
					<span>border-radius  圆角
			左上，右上，右下，左下/
			左上，右上左下，右下，/
			左上右下, 右上左下
					</span>
				</li>
				<li>
					<h2>超出隐藏</h2>
					<span>overflow  超出隐藏的方式
			visible   不做任何处理
			scroll    超出就显示滚动条
			auto    自动检测，哪个方向超出了就显示对应方向的滚动条
			hidden
		overflow-y
		overflow-x
		如果你只给了一个方向设定值的时候，另一个方向默认是auto
					</span>
				</li>
				<li>
					<h2>阻止外边距合并</h2>
					<span>border,float,absolute,fixed,overflow会阻止外边距合并
					</span>
				</li>
			</ul>
	</body>
</html>
